<%@page import="org.ilead.iserve.service.manager.AreaManager"%>
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE html>
<html>
<head>
<title>应许之地——萝卜丝之家</title>
<link rel="stylesheet" type="text/css" href="css/public.css">
<link href="css/general.css" rel="Stylesheet" type="text/css" />
<link href="css/detail.css" rel="Stylesheet" type="text/css" />
	<script type="text/javascript" src="js/jquery.js">
	</script>

	<script type="text/javascript">
		<% session.setAttribute("areas", AreaManager.getInstance().getAll()); %>
	</script>
	<script type="text/javascript" src="js/validate.js">
	</script>
	<script type="text/javascript" src="js/loginValidate.js">
	</script>
</head>

<body>
<div class="main">
	<div class="header">
    	<a class="site" href="http://www.landofpromise.co/" title=""></a>
    </div>
    <div class="content">
    	<div class="login_hd">
        	<h2>我要注册</h2>
            <span class="nouser">还没有LOP的网站账号？<a href="register.jsp">立即申请注册</a></span>
        </div>
        <div class="loginbox">
        	<form class="register" action="register.action" method="post" onsubmit="return validateValid();">                
                <p><label>登录名：</label>
                	<input name="u.loginName" class="loginInput" type="text" onblur="validateLoginName(this)"/>
	                <span id="usermsg" class="validate">
	                	<br>
	                </span>
                </p>
                <p><label>密&nbsp;&nbsp;码：</label><input id="password" name="u.password" class="passw" 
                	type="password" onblur="validatePassword(this)"/>
                	<span id="passwordmsg" class="validate">
	                	<br>
	                </span>
                </p>
                <p><label>确认密码：</label><input id="confirmPassword" class="passw" type="password" 
                	onblur="validatePsdIsSame()"/>
                	<span id="confirmpsdmsg" class="validate">
	                	<br>
	                </span>
                </p>
                <p><label>所在牧区：</label><s:select cssClass="sel_area" id="area" name="u.areaId" theme="simple"
	   	 			key="id" listKey="id" listValue="name" list="#session.areas"></s:select>
	   	 		</p>
                <p><label>所在小组：</label><input name="u.groupName" class="pub_int" type="text" onblur="validateGroupName(this)"/>
                	<span id="groupmsg" class="validate">
	                	<br>
	                </span>
                </p>
                <p><label>真实姓名：</label><input name="u.userName" class="pub_int" type="text" onblur="validateRealName(this)"/>
                	<input class="rdo" type="radio" name="userSex" checked="checked"/><span class="vm">男</span>
                	<input class="rdo" type="radio" name="userSex" /><span class="vm">女</span>
                	<span id="realnamemsg" class="validate">
	                	<br>
	                </span>
               	</p>
                <p><label>邮&nbsp;&nbsp;箱：</label><input name="u.email" class="pub_int" 
                	type="text" onblur="validateEmail(this)"/>
                	<span id="emailmsg" class="validate">
	                	<br>
	                </span>
                </p>
                <p><label>验证码：</label><input id="code" name="validateCode" class="passw" type="text" onblur="validateValCode(this)"/>
                	<img src="images/image.jsp" onclick="reloadcode(this);"/>
                	<span id="validatecodemsg" class="validate">
	                	<br>
	                </span>
                </p>
                <p><input id="submitId" class="log_btn" type="submit" value="注册"></input></p>
            </form>
        </div>
        <div class="rside">
        	<img src="images/tree.png" alt="" />
        </div>
    </div>
    <div align="center">
		<s:include value="bottom.jsp"></s:include>
	</div>
</div>

</body>
</html>
